<!--
 * @Description: 
 * @Author: Liu Kunpeng
 * @Date: 2021-07-12 15:38:19
 * @LastEditors: Please set LastEditors
 * @LastEditTime: 2021-11-06 17:47:55
-->
<template>
    
    <div style="height:200%" class="container">
        <el-scrollbar :vertical="true">
                
        
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <el-button circle style="position:fixed;right:40px;bottom:150px;width:40px;height:40px;z-index:999;box-shadow: 0 0 6px rgb(0 0 0 / 12%);" @click="toGait()">
            <font color="#409EFF" style=" font-weight:500">1</font> 
        </el-button>
        <el-button circle style="position:fixed;right:40px;bottom:100px;width:40px;height:40px;z-index:999" @click="toBalance()">
            <font color="#409EFF" style=" font-weight:500">2</font> 
        </el-button>
        <el-backtop :bottom = "50"><svg-icon icon-class="backtop"></svg-icon></el-backtop>
        
        
        <el-card class="PDF" >
            
            <div slot="header" class="clearfix">
                <span style="text-align:center;display:block">步态分析报告</span>
            </div>
            <my-pdf :listProp="getParams"></my-pdf>
        </el-card>
        </el-scrollbar>
    </div>
</template>

<script>
import pdf from '../components/pdf/index.vue'

export default {
    components:{
    'my-pdf' : pdf
    },
    data() {
        return {
            addSuggestDialog: false,
            pdfData:{
            },
            params:{},
        }
    },
    methods:{
        toGait(){
            var element = document.getElementById('gait')
            element.scrollIntoView({behavior: "smooth",block: "end"})
        },
        toBalance(){
            var element = document.getElementById('balance')
            element.scrollIntoView({behavior: "smooth",block: "end"})
        }
    },
    computed:{
        getParams(){
            return this.$store.getters.pdfData
        }
    },
    mounted() {
        console.log(this.$route.query)
    },
}

</script>

<style lang="less" scoped>
.PDF{
    width: 950px;
    // width: 59.3em;
    height: 300%;
    margin-top: 20px;
    padding: 10px 20px 10px 20px;
    margin-left: auto;
    margin-right: auto;
}

</style>